<html>
<head>
    <script type="text/javascript" src="../jquery/jquery.js" tppabs="http://www.w3school.com.cn/jquery/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").click(function() {
                $(this).css(
                        "width", function(index, value) {return parseFloat(value) * 1.2;}
                );
            });
        });
    </script>
    <style>
        div {width:100px; height:50px; background-color:red;}
    </style>
</head>

<body>
<div>请点击这里</div>
</body>
</html>




<div id="total_body_1_2_2_3"
     style="width: 250px;height: 300px;margin-top: 120px;"><!--background-color:#FFFFFF;-->
    <!--文章分类div-->
    <div id="total_body_1_2_2_3_1">
        <h4 style="border: 0px;background-color:#eccea2;height: 30px;padding-top: 6px;margin-top: 0px;margin-bottom: 0px;">
            <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span> 文章分类</h4>
    </div>
    <div id="total_body_1_2_2_3_1_1" style="width:100%;height: auto;margin-top: 0px;">
        <!--     <ul style="list-style: none;padding-left:30px;float: left;">
                 <li style="width: 100px;margin-top: 10px;">java</li>
                 <li style="width: 100px;margin-top: 10px;">c++</li>
                 <li style="width: 100px;margin-top: 10px;">译文:0篇</li>
                 <li style="width: 100px;margin-top: 10px;">评论:1条</li>
             </ul>-->
        <ul class="list-group" style="width:100%;">
            <li class="list-group-item" style="width:100%;">java</li>
            <li class="list-group-item"  style="width: 100%;">c++</li>
            <li class="list-group-item"  style="width: 100%;">译文:0篇</li>
            <li class="list-group-item"  style="width: 100%;">评论:1条</li>
            <li class="list-group-item"  style="width: 100%;">Vestibulum at eros</li>
        </ul>
    </div>
</div>